.manger {
    .flex {
        display: flex;
    }
    .nav {
        line-height: 80px;
    }
    .title {
        margin: 30px 0 20px;
    }
    .content {
        width: 100%;
        background-color: #ffffff;
        padding: 10px 0;
        margin-top:10px;
        .top-title{
            display: flex;
            align-items: center;
            box-sizing: border-box;
            margin-bottom: 30px;
            .left-bg{
                width: 5px;
                height: 20px;
                background-color: #4967CF;
                margin: 0 10px;
            }
        }

        .grid-content,.grid-content1{
            display: flex;
            margin: 5px 0;
            .left{
                flex-basis:200px;
                width:200px;
                text-align: right;
                padding-right:5px;
            }
            .right{
                flex:1  56 auto;
                li{
                    color: #0088EE
                }
            }
        }
        
       
    }
    .content1{
        padding:10px  20px ;
        ul{
            margin-top:10px;
            li{
                margin: 5px 0;
            }
        }
    }
    .content-top{
        margin-top:10px;
        background-color: #fff;
        
    }
    .content-top-2,.content-top-1{
        display: flex;
        align-items: center;
        padding: 15px 0 0 0 ;
        .prodoct-number,
        .title {
            margin: 0 50px 0 10px ;
            line-height: 40px;
        }
        
    }
    .content-top-2{
        padding:  0 0 0px ;
    }
    .btn-group{
        margin: 30px auto;
        text-align: center;
    }
}